
@import "common.styl"

body
  background #fff
.tags_wrap
  padding px2rem(15px)
  .tags_item
    .title
      padding-left px2rem(15px)
      position relative
      &:after
        position absolute
        left 3px
        top 6px
        content ''
        width 5px
        height 5px
        border-radius 50%
        background #6ea3ef
    .tags_ul
      margin-top px2rem(10px)
      .tag
        width 32%
        text-align center
        float left
        background #eaeaea
        margin-right 5px
        margin-bottom 10px
        padding 2px 0
        font-size px2rem(10px)
        overflow hidden
        text-overflow ellipsis
        &:nth-child(3n)
          margin-right 0
      .tag.active
        background rgba(110,163,239,.3)
        color #6ea3ef


.add_tag
  width 100px
  background #eaeaea
  padding px2rem(2px) 0


.mask
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  z-index 99
  background rgba(0,0,0,.3)
  .pop_content
    width 85%
    background #ffffff
    border-radius 10px
    padding 15px 15px 0 15px
    position absolute
    left 50%
    top 50%
    transform translate(-50%,-50%)
    .pop_title
      font-size px2rem(14px)
    .pop_input
      height 40px
      line-height 40px
      border 1px solid #e2e2e2
      border-radius 5px
      width 100%
      padding 0 15px
      margin 15px 0

    .btn
      height 45px
      line-height 45px
      border-top 1px solid #e2e2e2
      &.btn-sure
        color #32a4f9
        border-left 1px solid #e2e2e2